<template>
  <el-dialog
    class="config-dialog-box"
    v-model="isShowDialog"
    title="车型配置"
    width="820"
    center
    :close-on-click-modal="false"
    :close-on-press-escape="false"
  >
    <params-config :configData="configData"></params-config>
  </el-dialog>
</template>
<script lang='ts' setup>
import { ref } from 'vue'
import paramsConfig from './paramsConfig.vue'

const isShowDialog = ref(false)

const { configData } = defineProps(['configData'])

defineExpose({
  isShowDialog
})
</script>

<style lang='scss'>
.config-dialog-box {
  box-sizing: border-box;
  background: $default-bg-color;
  border-radius: 10px;

  .el-dialog__header {
    padding-bottom: 20px;

    .el-dialog__title {
      color: #fff;
    }

    .el-dialog__close {
      font-size: 26px;
      font-weight: bold;
      color: #fff;
    }
  }
}
</style>